function remSize() {
  // 获取设备宽度
  var deviceWidth = document.documentElement.clientWidth || window.innerWidth;
  // 把页面尺寸限制在320 - 750之间
  // 为什么要这么限制，主要就是iPhonese的宽度就是375，差不多就是它的一到两倍！
  if (deviceWidth >= 750) {
    deviceWidth = 750
  }
  if (deviceWidth <= 320) {
    deviceWidth = 320
  }
  // 750px ---> 1rem=100px  375px ---> 1rem = 50px
  document.documentElement.style.fontSize = (deviceWidth / 7.5) + 'px'
  // 设置字体大小：浏览器默认字体大小是16px，如果是375宽度的手机，那么这里就是15px的字体大小了，15和16差别不大
  document.querySelector('body').style.fontSize = 0.3 + 'rem'
}
remSize()

// 窗口发生变化的时候也要调用改变rem大小的函数
window.onreset = function () {
  remSize()
}